<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="static/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="static/css/dealer.css"/>
</head>
<body>
<div class="main-wrap">
	<header class="g-header head-art">
		<div class="back">
			<a href="javascript:history.back(-1);" class="ico-back"><svg class="icon-back" viewBox="0 0 1024 1024"><path d="M671.968 912c-12.288 0-24.576-4.672-33.952-14.048L286.048 545.984c-18.752-18.72-18.752-49.12 0-67.872l351.968-352c18.752-18.752 49.12-18.752 67.872 0 18.752 18.72 18.752 49.12 0 67.872l-318.016 318.048 318.016 318.016c18.752 18.752 18.752 49.12 0 67.872C696.544 907.328 684.256 912 671.968 912z"></path></svg></a>
			<a href="#" class="ico-home">
				<svg class="icon-home" viewBox="0 0 1024 1024"><path d="M1013.248 486.4l-476.16-476.16c-13.824-13.824-35.84-13.824-49.664 0l-476.16 476.16c-22.016 22.016-6.656 59.904 25.088 59.904H112.64v404.48c0 40.448 32.768 73.216 73.216 73.216h120.32c33.28 0 59.904-27.136 59.904-59.904v-86.016c0-40.448 32.768-73.216 73.216-73.216h146.432c40.448 0 73.216 32.768 73.216 73.216v86.016c0 33.28 27.136 59.904 59.904 59.904h118.784c40.448 0 73.216-32.768 73.216-73.216v-404.48H988.16c31.232 0 47.104-37.888 25.088-59.904z"></path></svg>
			</a>
		</div>
		<span>经销商</span>
	</header>
	<div class="mod-dealer">
		<div class="dealer-screen">
			<ul class="clearfix">
				<li><a href="javascript:;" class="J_dealerProvince" data-id="">广东</a></li>
				<li><a href="javascript:;" class="J_dealerCity" data-id="0">深圳</a></li>
				<li><a href="javascript:;" class="J_dealerBrand" data-bid="0">选择品牌</a></li>
				<li><a href="javascript:;" class="J_dealerStyle" data-cid="0">选择厂商/车系</a></li>
			</ul>
		</div>
		<div class="dealer-list">
			<div class="title">广东 - 深圳-经销商477家</div>
			<ul>
				<li>
					<div class="company">
						<div class="name">深圳市三维都灵汽车销售服务<i>4S店</i></div>
						<div class="themain"><label>主营：</label><div><span>上汽大众</span><span>广汽本田</span><span>华晨宝马</span><span>奔驰(进口)</span><span>保时捷</span></div></div>
						<div class="address"><label>地址：</label><div>深圳市南山区中心路皇庭港湾83号德商名车【<a href="#">查看地图</a>】</div></div>
					</div>
					<div class="bottom">
						<a href="javascript:;" class="icon-tel"><span>17722637096</span></a>
						<a href="javascript:;" class="icon-price J_inquiryPricr"><span>询底价</span></a>
					</div>
				</li>
				<li>
					<div class="company">
						<div class="name">深圳市三维都灵汽车销售服务<i>4S店</i></div>
						<div class="themain"><label>主营：</label><div><span>上汽大众</span><span>广汽本田</span><span>华晨宝马</span><span>奔驰(进口)</span><span>保时捷</span></div></div>
						<div class="address"><label>地址：</label><div>深圳市南山区中心路皇庭港湾83号德商名车【<a href="javascript:;">查看地图</a>】</div></div>
					</div>
					<div class="bottom">
						<a href="javascript:;" class="icon-tel"><span>17722637096</span></a>
						<a href="javascript:;" class="icon-price J_inquiryPricr"><span>询底价</span></a>
					</div>
				</li>
				<li>
					<div class="company">
						<div class="name">深圳市三维都灵汽车销售服务<i>4S店</i></div>
						<div class="themain"><label>主营：</label><div><span>上汽大众</span><span>广汽本田</span><span>华晨宝马</span><span>奔驰(进口)</span><span>保时捷</span></div></div>
						<div class="address"><label>地址：</label><div>深圳市南山区中心路皇庭港湾83号德商名车【<a href="javascript:;">查看地图</a>】</div></div>
					</div>
					<div class="bottom">
						<a href="javascript:;" class="icon-tel"><span>17722637096</span></a>
						<a href="javascript:;" class="icon-price J_inquiryPricr"><span>询底价</span></a>
					</div>
				</li>
				<li>
					<div class="company">
						<div class="name">深圳市三维都灵汽车销售服务<i>4S店</i></div>
						<div class="themain"><label>主营：</label><div><span>上汽大众</span><span>广汽本田</span><span>华晨宝马</span><span>奔驰(进口)</span><span>保时捷</span></div></div>
						<div class="address"><label>地址：</label><div>深圳市南山区中心路皇庭港湾83号德商名车【<a href="javascript:;">查看地图</a>】</div></div>
					</div>
					<div class="bottom">
						<a href="#" class="icon-tel"><span>17722637096</span></a>
						<a href="#" class="icon-price"><span>询底价</span></a>
					</div>
				</li>
			</ul>
		</div>
		<div class="mod-pagination clearfix">
			<ul class="pagination-ul clearfix"><li class="home prohibit"><a href="javascript:;">首页</a></li><li class="prev prohibit"><a href="javascript:;">上一页</a></li><li><span>1/4</span></li><li class="next"><a href="/dealer/pid-6-cityid-77-bid-57411-fid-0-cid-0-page-2">下一页</a></li><li class="shadowe"><a href="/dealer/pid-6-cityid-77-bid-57411-fid-0-cid-0-page-4">尾页</a></li></ul>                </div>
	</div>
	<div class="mod-search">
		<div class="search-box clearfix J_searchBox">
			<div class="search-text">
				<input type="text" placeholder="请输入车型、品牌" disabled="">
			</div>
			<div class="search-btn">
				<input type="submit" value="搜索" class="indexicon">
			</div>
		</div>
	</div>
	<div class="g-loading hide"></div>
	<div class="mod-crumb">
		<div class="crumb-title">
			<a href="/">首页</a> &gt;
			<a href="/dealer/pid-6">广东</a>&gt;
			<a href="/dealer/pid-6-cityid-77">深圳</a> &gt;
			<a href="/dealer/pid-6-cityid-77-bid-57411">大众</a><a href="/dealer/pid-6-cityid-77-bid-57411">经销商</a>
		</div>
	</div>
	<footer class="g-footer">
		<p>深圳市麦卡网络科技有限公司</p>
		<p>copyright © 2001～2019</p>
	</footer>
</div>

<!-- 选择城市 -->
<div class="mod-shade J_modShade hide"></div>
<div class="mod-popup J_pupopCity">
	<div class="popup-city">
		<div class="province">
			<div class="item">
				<div class="alpha">A</div>
				<a href="javascript:;" class="active" data-id="1">安徽</a>
				<a href="javascript:;">安徽</a>
			</div>
			<div class="item">
				<div class="alpha">A</div>
				<a href="javascript:;">安徽</a>
				<a href="javascript:;">安徽</a>
			</div>
			<div class="item">
				<div class="alpha">A</div>
				<a href="#">安徽</a>
				<a href="#">安徽</a>
			</div>
			<div class="item">
				<div class="alpha">A</div>
				<a href="#">安徽</a>
				<a href="#">安徽</a>
			</div>
			<div class="item">
				<div class="alpha">A</div>
				<a href="#">安徽</a>
				<a href="#">安徽</a>
			</div>
			<div class="item">
				<div class="alpha">A</div>
				<a href="#">安徽</a>
				<a href="#">安徽</a>
			</div>
			<div class="item">
				<div class="alpha">A</div>
				<a href="#">安徽</a>
				<a href="#">安徽</a>
			</div>
		</div>
		<div class="city">
			<div class="title">安徽</div>
			<a href="#">合肥</a>
			<div class="none">暂无数据！</div>
		</div>
	</div>
</div>
<!-- 选择品牌 -->
<div class="mod-popup mod-pupopBrand J_modPupopBrand">
	<header class="g-header head-art">
		<div class="back">
			<a href="javascript:;" class="ico-back J_iconBack"><svg class="icon-back" viewBox="0 0 1024 1024"><path d="M671.968 912c-12.288 0-24.576-4.672-33.952-14.048L286.048 545.984c-18.752-18.72-18.752-49.12 0-67.872l351.968-352c18.752-18.752 49.12-18.752 67.872 0 18.752 18.72 18.752 49.12 0 67.872l-318.016 318.048 318.016 318.016c18.752 18.752 18.752 49.12 0 67.872C696.544 907.328 684.256 912 671.968 912z"></path></svg></a>
		</div>
		<span>选择品牌</span>
	</header>
	<div class="brand-list">
		<dl>
			<dt>热门品牌</dt>
			<dd class="hot clearfix">
				<a href="#" data-bid="1"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#" data-bid="2"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#" data-bid="3"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
			</dd>
			<dt>A</dt>
			<dd>
				<a href="#" data-bid="4"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#" data-bid="5"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#" data-bid="6"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
			</dd>
			<dt>A</dt>
			<dd>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
				<a href="#"><img src="https://cximg.img16888.com/carlogo100/57500.jpg" alt="丰田"><span>丰田</span></a>
			</dd>
		</dl>
	</div>
	<div class="pop-brand-letter">
		<ul>
			<li><a href="javascript:;">热</a></li>
			<li><a href="javascript:;">A</a></li>
		</ul>
	</div>
</div>
<!-- 选择车系 -->
<div class="mod-popup popup-car-style J_pupopCarStyle"> 
	<div class="car-style">
		<dl>
			<dt>华晨宝马</dt>
			<dd>
				<a href="#">
					<div class="pic"><img src="https://i.img16888.com//picLib/2016/00/201410101412952024.jpg" width="100%"></div>
					<div class="info">
						<h5>宝马5系</h5>
						<p>30-60万</p>
					</div>
				</a>
				<a href="#">
						<div class="pic"><img src="https://i.img16888.com//picLib/2016/00/201410101412952024.jpg" width="100%"></div>
						<div class="info">
							<h5>宝马5系</h5>
							<p>30-60万</p>
						</div>
					</a>
			</dd>
		</dl>
	</div>
</div>
<!-- 询底价 -->
<div class="mod-popup mod-popupInquiry J_modPopupInquiry">
	<header class="g-header head-art">
		<div class="back">
			<a href="javascript:;" class="ico-back J_iconBack"><svg class="icon-back" viewBox="0 0 1024 1024"><path d="M671.968 912c-12.288 0-24.576-4.672-33.952-14.048L286.048 545.984c-18.752-18.72-18.752-49.12 0-67.872l351.968-352c18.752-18.752 49.12-18.752 67.872 0 18.752 18.72 18.752 49.12 0 67.872l-318.016 318.048 318.016 318.016c18.752 18.752 18.752 49.12 0 67.872C696.544 907.328 684.256 912 671.968 912z"></path></svg></a>
		</div>
		<span>询底价</span>
	</header>
	<div class="inquiry-form">
		<ul>
			<li>
				<a href="#">请选择车系</a>
			</li>
			<li>
				<a href="#">选择车款(可不选)</a>
			</li>
			<li>
				<input type="text" name="username" placeholder="您的称呼：如张先生(女士)" class="text">
			</li>
			<li>
				<input type="tel" name="mobile" placeholder="请填写11位数的手机号码" maxlength="11" class="text">
			</li>
			<li><textarea name="remark" placeholder="如有特别要求，可在此填写！"></textarea></li>
			<p>提示：我们承诺对您的信息保密，不对外公开</p>
		</ul>
		<div class="bottom">
			<input type="submit" value="免费获取最低价">
		</div>
	</div>
</div>


<script src="static/js/zepto.js"></script>
<script src="static/js/modules/layer-m.js"></script>
<script src="static/js/dealer.js"></script>
<script>
dealerList();
</script>
</body>
</html>
